import { StyleSheet } from 'react-native';

export default StyleSheet.create({
  charset: 'utf-8',
  'body': {
    'paddingTop': [{ 'unit': 'rem', 'value': 1.5 }],
    'paddingBottom': [{ 'unit': 'px', 'value': 60 }]
  },
  'a': {
    'cursor': 'pointer',
    'color': 'initial'
  },
  'h2': {
    'fontSize': [{ 'unit': 'rem', 'value': 0.6 }],
    'paddingLeft': [{ 'unit': 'px', 'value': 8 }],
    'borderLeft': [{ 'unit': 'px', 'value': 5 }, { 'unit': 'string', 'value': 'solid' }, { 'unit': 'string', 'value': '#79bd50' }],
    'margin': [{ 'unit': 'rem', 'value': 0.3 }, { 'unit': 'rem', 'value': 0.3 }, { 'unit': 'rem', 'value': 0.3 }, { 'unit': 'rem', 'value': 0.3 }],
    'fontWeight': 'bold'
  },
  // 顶部搜索框
  '#search-info': {
    'position': 'fixed',
    'top': [{ 'unit': 'px', 'value': 0 }],
    'width': [{ 'unit': '%H', 'value': 1 }],
    'backgroundColor': '#f30',
    'padding': [{ 'unit': 'rem', 'value': 0.2 }, { 'unit': 'rem', 'value': 0.2 }, { 'unit': 'rem', 'value': 0.2 }, { 'unit': 'rem', 'value': 0.2 }],
    'overflow': 'hidden',
    'boxSizing': 'border-box',
    'color': '#fff',
    'zIndex': '9999'
  },
  '#logo': {
    // margin: 0.2rem;
    'width': [{ 'unit': 'rem', 'value': 1 }],
    'lineHeight': [{ 'unit': 'rem', 'value': 1 }],
    'fontSize': [{ 'unit': 'rem', 'value': 0.9 }],
    'textAlign': 'center',
    'fontWeight': '100',
    'color': '#fff',
    'display': 'block',
    'float': 'left'
  },
  '#search-info search-box': {
    'position': 'relative',
    'display': 'inline-flex',
    'height': [{ 'unit': 'rem', 'value': 1 }],
    'width': [{ 'unit': '%H', 'value': 0.85 }],
    'float': 'right',
    'marginRight': [{ 'unit': 'rem', 'value': 0.3 }]
  },
  // 输入框
  '#search-info search-box input': {
    'padding': [{ 'unit': 'px', 'value': 8 }, { 'unit': 'px', 'value': 8 }, { 'unit': 'px', 'value': 8 }, { 'unit': 'px', 'value': 8 }],
    'color': '#fff',
    'fontSize': [{ 'unit': 'rem', 'value': 0.4 }],
    'borderRadius': '5px',
    'backgroundColor': 'rgba(255, 255, 255, 0.3)',
    'boxSizing': 'border-box',
    'width': [{ 'unit': '%H', 'value': 1 }],
    'height': [{ 'unit': 'rem', 'value': 1 }],
    'display': 'block',
    'float': 'right'
  },
  'input::-webkit-input-placeholder': {
    'color': '#fff'
  },
  'input::-moz-placeholder': {
    'color': '#fff'
  },
  'input:-ms-input-placeholder': {
    'color': '#fff'
  },
  '#search-info search-box search-pic': {
    'position': 'absolute',
    'width': [{ 'unit': 'rem', 'value': 0.35 }],
    'height': [{ 'unit': 'rem', 'value': 0.35 }],
    'right': [{ 'unit': 'rem', 'value': 0.4 }],
    'zIndex': '1000'
  },
  '#search-info address': {
    'float': 'right',
    'fontSize': [{ 'unit': 'rem', 'value': 0.5 }],
    'color': '#fff',
    'margin': [{ 'unit': 'rem', 'value': 0.1 }, { 'unit': 'rem', 'value': 0.3 }, { 'unit': 'px', 'value': 0 }, { 'unit': 'px', 'value': 0 }]
  },
  // 中部主要内容
  'slide': {
    'width': [{ 'unit': '%H', 'value': 1 }],
    'height': [{ 'unit': 'rem', 'value': 4 }],
    'overflow': 'hidden'
  },
  'slide a': {
    'display': 'block',
    'float': 'left',
    'width': [{ 'unit': '%H', 'value': 1 }],
    'height': [{ 'unit': '%V', 'value': 1 }]
  },
  'slide a img': {
    'width': [{ 'unit': '%H', 'value': 1 }],
    'height': [{ 'unit': '%V', 'value': 1 }]
  },
  // 分类
  'classify': {
    'width': [{ 'unit': '%H', 'value': 1 }],
    'height': [{ 'unit': '%V', 'value': 1 }],
    'padding': [{ 'unit': 'rem', 'value': 0.3 }, { 'unit': 'rem', 'value': 0.3 }, { 'unit': 'rem', 'value': 0.3 }, { 'unit': 'rem', 'value': 0.3 }],
    'boxSizing': 'border-box',
    'overflow': 'hidden'
  },
  'classify a': {
    'width': [{ 'unit': '%H', 'value': 0.25 }],
    'textAlign': 'center',
    'float': 'left',
    'display': 'block',
    'marginBottom': [{ 'unit': 'rem', 'value': 0.3 }]
  },
  'classify a dd img': {
    'width': [{ 'unit': 'rem', 'value': 1.2 }],
    'height': [{ 'unit': 'rem', 'value': 1.2 }]
  },
  'classify a dt': {
    'fontSize': [{ 'unit': 'rem', 'value': 0.35 }],
    'margin': [{ 'unit': 'rem', 'value': 0.1 }, { 'unit': 'px', 'value': 0 }, { 'unit': 'rem', 'value': 0.1 }, { 'unit': 'px', 'value': 0 }]
  },
  // 莲菜热点
  'scroll-box': {
    'display': 'flex',
    'overflow': 'hidden',
    'height': [{ 'unit': 'rem', 'value': 1 }],
    // width: 100%;
    'padding': [{ 'unit': 'px', 'value': 5 }, { 'unit': 'px', 'value': 20 }, { 'unit': 'px', 'value': 5 }, { 'unit': 'px', 'value': 20 }],
    'backgroundColor': '#f5f5fa'
  },
  // .scroll-box a {
    display: block;
}
  'scroll-box lcrd': {
    'float': 'left',
    'width': [{ 'unit': 'rem', 'value': 1.5 }],
    'height': [{ 'unit': 'rem', 'value': 1 }],
    'borderRight': [{ 'unit': 'px', 'value': 2 }, { 'unit': 'string', 'value': 'solid' }, { 'unit': 'string', 'value': '#dcdce2' }],
    'margin': [{ 'unit': 'px', 'value': 0 }, { 'unit': 'rem', 'value': 0.3 }, { 'unit': 'px', 'value': 0 }, { 'unit': 'rem', 'value': 0.3 }]
  },
  'scroll-box lcrd img': {
    'width': [{ 'unit': '%H', 'value': 1 }],
    'height': [{ 'unit': '%V', 'value': 1 }]
  },
  'marqueen': {
    'display': 'block',
    'width': [{ 'unit': 'rem', 'value': 1.8 }],
    'height': [{ 'unit': '%V', 'value': 1 }],
    'fontSize': [{ 'unit': 'rem', 'value': 0.8 }],
    'backgroundColor': '#f5f5fa',
    'overflow': 'hidden'
  },
  'scroll-box marqueen li': {
    'height': [{ 'unit': 'rem', 'value': 1.5 }],
    'width': [{ 'unit': '%H', 'value': 1 }],
    'overflow': 'hidden',
    'textAlign': 'left',
    'fontSize': [{ 'unit': 'rem', 'value': 0.5 }],
    'color': '#333'
  },
  'scroll-box mark': {
    'display': 'inline-block',
    'fontSize': [{ 'unit': 'rem', 'value': 0.4 }],
    'backgroundColor': '#ff3300',
    'borderRadius': '3px',
    'color': '#FFF',
    'width': [{ 'unit': 'rem', 'value': 0.8 }],
    'margin': [{ 'unit': 'rem', 'value': 0.3 }, { 'unit': 'rem', 'value': 0.3 }, { 'unit': 'rem', 'value': 0.3 }, { 'unit': 'rem', 'value': 0.3 }]
  },
  'scroll-box more-lc': {
    'float': 'right',
    'display': 'block',
    'width': [{ 'unit': 'rem', 'value': 1.5 }],
    'fontSize': [{ 'unit': 'rem', 'value': 0.4 }],
    'textAlign': 'center',
    'margin': [{ 'unit': 'rem', 'value': 0.2 }, { 'unit': 'px', 'value': 0 }, { 'unit': 'rem', 'value': 0.2 }, { 'unit': 'px', 'value': 0 }],
    'backgroundColor': '#f5f5fa',
    'borderLeft': [{ 'unit': 'px', 'value': 2 }, { 'unit': 'string', 'value': 'solid' }, { 'unit': 'string', 'value': '#dcdce2' }]
  },
  // 底部导航
  '#bottom-bar': {
    'position': 'fixed',
    'bottom': [{ 'unit': 'px', 'value': 0 }],
    'width': [{ 'unit': '%H', 'value': 1 }],
    'zIndex': '9999',
    'backgroundColor': '#fff'
  },
  '#bottom-bar login-state': {
    'height': [{ 'unit': 'rem', 'value': 0.7 }],
    'lineHeight': [{ 'unit': 'rem', 'value': 0.7 }],
    'fontSize': [{ 'unit': 'rem', 'value': 0.4 }],
    'textAlign': 'center',
    'width': [{ 'unit': '%H', 'value': 1 }],
    'backgroundColor': '#DAD9D9'
  },
  '#bottom-bar login-state a': {
    'color': '#ff3300'
  },
  '#bottom-bar bottom-menu': {
    'height': [{ 'unit': 'rem', 'value': 1 }],
    'width': [{ 'unit': '%H', 'value': 1 }],
    'display': 'flex',
    'padding': [{ 'unit': 'px', 'value': 0 }, { 'unit': 'px', 'value': 0 }, { 'unit': 'rem', 'value': 0.3 }, { 'unit': 'px', 'value': 0 }]
  },
  '#bottom-bar bottom-menu aactive': {
    'color': '#ff3300'
  },
  '#bottom-bar bottom-menu a': {
    'display': 'block',
    'float': 'left',
    'textAlign': 'center',
    'flexGrow': '1',
    'padding': [{ 'unit': 'px', 'value': 0 }, { 'unit': 'rem', 'value': 0.3 }, { 'unit': 'rem', 'value': 0.6 }, { 'unit': 'rem', 'value': 0.3 }],
    'color': '#999'
  },
  '#bottom-bar bottom-menu a p:first-child i': {
    'fontSize': [{ 'unit': 'rem', 'value': 0.8 }]
  },
  '#bottom-bar bottom-menu a p:nth-child(2)': {
    'fontSize': [{ 'unit': 'rem', 'value': 0.35 }],
    'lineHeight': [{ 'unit': 'rem', 'value': 0.35 }]
  }
});
